<template>
	<view>
		<view class="item">
			<Ytitle value='这是带数字标题' pieceColor='#007AFF' num='333'></Ytitle>
			<YinfoList :config="config" :data="data"></YinfoList>
		</view>
		<view class="item">
			<Ytitle value='这是带色块标题' pieceColor='#007AFF'></Ytitle>
			<YinfoList :config="config" :data="data"></YinfoList>
		</view>
		<view class="item">
			<Ytitle value='这是普通标题'></Ytitle>
			<YinfoList :config="config" :data="data"></YinfoList>
		</view>
		<view class="item">
			<Ytitle value='这是红色标题' color='red'></Ytitle>
			<YinfoList :config="config" :data="data"></YinfoList>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				config: [{
						title: '用户名',
						key: 'username'
					},
					{
						title: '性别',
						key: 'sex'
					},
					{
						title: '手机号',
						key: 'phone'
					},
					// {
					// 	title:'地址',
					// 	key:'address'
					// },
					// {
					// 	title:'出生日期',
					// 	key:'birthday'
					// },
				],
				data: {
					username: '李大锤',
					sex: '男',
					phone: '15095111111',
					address: '北京前门外前门大街',
					birthday: '2000-10-01'
				}
			}
		},
		methods: {

		}
	}
</script>

<style>
	.item {
		border-bottom: 20rpx solid #f2f2f2;
	}
</style>
